<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">
	<p:panel id="nuevoPerfilLaboral"
		rendered="#{perfilLaboralBean.currentPerfilLaboral==null}">
		<h:panelGrid columns="6">
			<h:outputLabel value="#{msg.situacionActual}:"></h:outputLabel>
			<h:selectOneMenu value="#{perfilLaboralBean.tipo}">
				<f:selectItem itemLabel="#{msg.seleccionOpcion}" itemvalue="" />
				<f:selectItem itemValue="En paro" itemLabel="#{msg.enParo}" />
				<f:selectItem itemValue="Contrato temporal" itemLabel="#{msg.contratoTemporal}" />
				<f:selectItem itemValue="Contrato de duración determinada"
					itemLabel="#{msg.CDD}" />
				<f:selectItem itemValue="Contrato de duración indeterminada"
					itemLabel="#{msg.CDI}" />
				<f:selectItem itemValue="Contrato por obras y servicios"
					itemLabel="#{msg.COS}" />
				<f:selectItem itemValue="Autónomo" itemLabel="#{msg.autonomo}" />
				<f:selectItem itemValue="Otros" itemLabel="#{msg.otros}" />
				<p:ajax update="perfilNom"
					listener="#{perfilLaboralBean.valorElegido}" />
			</h:selectOneMenu>
			<h:outputLabel value="#{msg.permisoTrabajo}:"></h:outputLabel>
			<p:selectBooleanCheckbox
				value="#{perfilLaboralBean.perfilLaboral.permisoTrabajo}" />
			<h:outputLabel value="#{msg.coberturaSanitaria}:"></h:outputLabel>
			<h:selectOneMenu
				value="#{perfilLaboralBean.perfilLaboral.coberturaSanitaria}">
				<f:selectItem itemLabel="#{msg.seleccionOpcion}" itemvalue="" />
				<f:selectItem itemValue="No" itemLabel="#{msg.no}" />
				<f:selectItem itemValue="Seguridad social" itemLabel="#{msg.seguridadSocial}" />
				<f:selectItem itemValue="Cobertura privada" itemLabel="#{msg.coberturaSanitaria}" />
				<f:selectItem itemValue="Otro" itemLabel="#{msg.otro}" />
			</h:selectOneMenu>
		</h:panelGrid>
		<h:panelGrid columns="6" id="perfilNom">
			<h:outputLabel value="#{msg.nomina}"
				rendered="#{perfilLaboralBean.tipo!='En paro'}"></h:outputLabel>
			<p:selectBooleanCheckbox
				rendered="#{perfilLaboralBean.tipo!='En paro'}"
				value="#{perfilLaboralBean.perfilLaboral.nomina}" />
			<h:outputLabel value="#{msg.salario}:"
				rendered="#{perfilLaboralBean.tipo!='En paro'}"></h:outputLabel>
			<p:inputText value="#{perfilLaboralBean.perfilLaboral.salario}"
				rendered="#{perfilLaboralBean.tipo!='En paro'}"></p:inputText>
			<h:outputLabel value="#{msg.duaracionMeses}:"
				rendered="#{perfilLaboralBean.tipo!='En paro'}"></h:outputLabel>
			<p:inputText rendered="#{perfilLaboralBean.tipo!='En paro'}"
				value="#{perfilLaboralBean.perfilLaboral.duracionMeses}"></p:inputText>
		</h:panelGrid>
		<h:panelGrid columns="2">
			<h:outputLabel value="#{msg.otrosIngresos}:"></h:outputLabel>
			<p:inputTextarea style="width:600px"
				value="#{perfilLaboralBean.perfilLaboral.otroIngresos}"></p:inputTextarea>
			<p:commandButton action="#{perfilLaboralBean.addPerfilLaboral}"
				value="#{msg.guardar}" update="@form"></p:commandButton>
		</h:panelGrid>
	</p:panel>
	<p:panel id="detallePerfil"
		rendered="#{perfilLaboralBean.currentPerfilLaboral!=null}">
		<p:commandLink onclick="editarCamposPerfil();" id="editarperfil"
			value="#{msg.editarPerfilLab}"></p:commandLink>
		<h:panelGroup id="detallePerfilTabla">
			<h:panelGrid columns="6" cellpadding="2" style="font-size: medium;">
				<h:outputLabel value="#{msg.situacionActual}:"></h:outputLabel>
				<h:outputLabel
					value="#{perfilLaboralBean.currentPerfilLaboral.situacionLaboral}"></h:outputLabel>
				<h:outputLabel value="#{msg.permisoTrabajo}:"></h:outputLabel>
				<h:outputLabel value="#{msg.si}"
					rendered="#{perfilLaboralBean.currentPerfilLaboral.permisoTrabajo}"></h:outputLabel>
				<h:outputLabel value="#{msg.no}"
					rendered="#{!perfilLaboralBean.currentPerfilLaboral.permisoTrabajo}"></h:outputLabel>
				<h:outputLabel value="#{msg.coberturaSanitaria}:"></h:outputLabel>
				<h:outputLabel
					value="#{perfilLaboralBean.currentPerfilLaboral.coberturaSanitaria}"></h:outputLabel>
			</h:panelGrid>
			<h:panelGrid columns="6" cellpadding="2" style="font-size: medium;"
				rendered="#{perfilLaboralBean.currentPerfilLaboral.situacionLaboral!='En paro'}">
				<h:outputLabel value="#{msg.nomina}:"></h:outputLabel>
				<h:outputLabel value="#{msg.si}"
					rendered="#{perfilLaboralBean.currentPerfilLaboral.nomina}"></h:outputLabel>
				<h:outputLabel value="#{msg.no}"
					rendered="#{!perfilLaboralBean.currentPerfilLaboral.nomina}"></h:outputLabel>
				<h:outputLabel value="#{msg.salario}:"></h:outputLabel>
				<h:outputLabel
					value="#{perfilLaboralBean.currentPerfilLaboral.salario}"></h:outputLabel>
				<h:outputLabel value="#{msg.duaracionMeses}:"></h:outputLabel>
				<h:outputLabel
					value="#{perfilLaboralBean.currentPerfilLaboral.duracionMeses}"></h:outputLabel>
			</h:panelGrid>
			<h:panelGrid columns="2" cellpadding="2" style="font-size: medium;"
				rendered="#{perfilLaboralBean.currentPerfilLaboral.otroIngresos!=null and perfilLaboralBean.currentPerfilLaboral.otroIngresos!=''}">
				<h:outputLabel value="#{msg.otrosIngresos}:"></h:outputLabel>
				<h:outputLabel
					value="#{perfilLaboralBean.currentPerfilLaboral.otroIngresos}"></h:outputLabel>
			</h:panelGrid>
		</h:panelGroup>
		<h:panelGroup id="edDetallePerfil" style="display:none;">
			<h:panelGrid columns="6">
				<h:outputLabel value="#{msg.situacionActual}:"></h:outputLabel>
				<h:selectOneMenu value="#{perfilLaboralBean.tipo2}">
					<f:selectItem itemValue="En paro" itemLabel="#{msg.enParo}" />
					<f:selectItem itemValue="Contrato temporal" itemLabel="#{msg.contratoTemporal}" />
					<f:selectItem itemValue="Contrato de duración determinada"
						itemLabel="#{msg.CDD}" />
					<f:selectItem itemValue="Contrato de duración indeterminada"
						itemLabel="#{msg.CDI}" />
					<f:selectItem itemValue="Contrato por obras y servicios"
						itemLabel="#{msg.COS}" />
					<f:selectItem itemValue="Autónomo" itemLabel="#{msg.autonomo}" />
					<f:selectItem itemValue="Otros" itemLabel="#{msg.otros}" />
					<p:ajax update="perfilNomEd"
						listener="#{perfilLaboralBean.valorElegido2}" />
				</h:selectOneMenu>
				<h:outputLabel value="#{msg.permisoTrabajo}:"></h:outputLabel>
				<p:selectBooleanCheckbox
					value="#{perfilLaboralBean.usuarioSelecionado.expedientes[0].perfillaborals[0].permisoTrabajo}" />
				<h:outputLabel value="#{msg.coberturaSanitaria}:"></h:outputLabel>
				<h:selectOneMenu
					value="#{perfilLaboralBean.usuarioSelecionado.expedientes[0].perfillaborals[0].coberturaSanitaria}">
					<f:selectItem itemLabel="#{msg.seleccionOpcion}" itemvalue="" />
					<f:selectItem itemValue="No" itemLabel="#{msg.no}" />
					<f:selectItem itemValue="Seguridad social" itemLabel="#{msg.seguridadSocial}" />
					<f:selectItem itemValue="Cobertura privada" itemLabel="#{msg.coberturaSanitaria}" />
					<f:selectItem itemValue="Otro" itemLabel="#{msg.otro}" />
				</h:selectOneMenu>
			</h:panelGrid>
			<h:panelGrid columns="6" id="perfilNomEd">
				<h:outputLabel value="#{msg.nomina}"
					rendered="#{perfilLaboralBean.tipo2!='En paro'}"></h:outputLabel>
				<p:selectBooleanCheckbox
					rendered="#{perfilLaboralBean.tipo2!='En paro'}"
					value="#{perfilLaboralBean.usuarioSelecionado.expedientes[0].perfillaborals[0].nomina}" />
				<h:outputLabel value="#{msg.salario}:"
					rendered="#{perfilLaboralBean.tipo2!='En paro'}"></h:outputLabel>
				<p:inputText rendered="#{perfilLaboralBean.tipo2!='En paro'}"
					value="#{perfilLaboralBean.usuarioSelecionado.expedientes[0].perfillaborals[0].salario}"></p:inputText>
				<h:outputLabel value="#{msg.duaracionMeses}:"
					rendered="#{perfilLaboralBean.tipo2!='En paro'}"></h:outputLabel>
				<p:inputText rendered="#{perfilLaboralBean.tipo2!='En paro'}"
					value="#{perfilLaboralBean.usuarioSelecionado.expedientes[0].perfillaborals[0].duracionMeses}"></p:inputText>
			</h:panelGrid>
			<h:panelGrid columns="2">
				<h:outputLabel value="#{msg.otrosIngresos}:"></h:outputLabel>
				<p:inputTextarea style="width:600px" autoResize="false"
					value="#{perfilLaboralBean.usuarioSelecionado.expedientes[0].perfillaborals[0].otroIngresos}"></p:inputTextarea>
			</h:panelGrid>
			<p:commandButton action="#{perfilLaboralBean.updatePerfilLaboral}"
				update="@form" value="#{msg.guardar}"></p:commandButton>
		</h:panelGroup>
		<p:panel header="#{msg.aniadirExp}">
			<h:panelGrid columns="9" id="nuevaExperiencia">
				<h:outputLabel value="#{msg.fechaIni}:"></h:outputLabel>
				<p:calendar pattern="dd/MM/yyyy" effect="drop" locale="es"
					yearRange="c-99:c" value="#{perfilLaboralBean.fechaInExp}">
				</p:calendar>
				<h:outputLabel value="#{msg.fechaFin}:"></h:outputLabel>
				<p:calendar pattern="dd/MM/yyyy" effect="drop" locale="es"
					yearRange="c-99:c" value="#{perfilLaboralBean.fechaFinExp}">
				</p:calendar>
				<h:outputLabel value="#{msg.entidad}:"></h:outputLabel>
				<p:inputText value="#{perfilLaboralBean.nuevaExperiencia.entidad}"></p:inputText>
				<h:outputLabel value="#{msg.descipcionPuesto}:"></h:outputLabel>
				<p:inputTextarea autoResize="false"
					value="#{perfilLaboralBean.nuevaExperiencia.descripcion}"></p:inputTextarea>
				<p:commandLink value="#{msg.aniadirExp}"
					action="#{perfilLaboralBean.addExperiencia}"
					update="nuevaExperiencia,experiencias">
				</p:commandLink>
			</h:panelGrid>
			<p:dataTable id="experiencias"
				value="#{perfilLaboralBean.experiencias}" var="experienciaVar"
				paginator="true" rows="5" emptyMessage="#{msg.tablaVacia}">
				<p:column headerText="#{msg.fechaIni}">
					<h:outputText value="#{experienciaVar.fechaInicio}" />
				</p:column>
				<p:column headerText="#{msg.fechaFin}">
					<h:outputText value="#{experienciaVar.fechaFin}" />
				</p:column>
				<p:column headerText="#{msg.entidad}">
					<h:outputText value="#{experienciaVar.entidad}" />
				</p:column>
				<p:column headerText="#{msg.descipcionPuesto}">
					<h:outputText value="#{experienciaVar.descripcion}" />
				</p:column>
				<p:column >
					<p:commandLink oncomplete="dlgEliminarExperiencia.show()" title="#{msg.eliminar}" styleClass="ui-icon ui-icon-close">
						<f:setPropertyActionListener
							target="#{perfilLaboralBean.experiencia}"
							value="#{experienciaVar}"></f:setPropertyActionListener>
					</p:commandLink>
				</p:column>
			</p:dataTable>
		</p:panel>
		<p:panel header="#{msg.aniadirFormacion}">
			<h:panelGrid columns="11" id="nuevaFormacion">
				<h:outputLabel value="#{msg.fechaIni}:"></h:outputLabel>
				<p:calendar pattern="dd/MM/yyyy" effect="drop" locale="es"
					yearRange="c-99:c" value="#{perfilLaboralBean.fechaInForm}">
				</p:calendar>
				<h:outputLabel value="#{msg.fechaFin}:"></h:outputLabel>
				<p:calendar pattern="dd/MM/yyyy" effect="drop" locale="es"
					yearRange="c-99:c" value="#{perfilLaboralBean.fechaFinFor}">
				</p:calendar>
				<h:outputLabel value="#{msg.centro}:"></h:outputLabel>
				<p:inputText value="#{perfilLaboralBean.nuevaFormacion.centro}"></p:inputText>
				<h:outputLabel value="#{msg.titulo}:"></h:outputLabel>
				<p:inputText value="#{perfilLaboralBean.nuevaFormacion.titulo}"></p:inputText>
				<h:outputLabel value="#{msg.descripcion}:"></h:outputLabel>
				<p:inputTextarea autoResize="false"
					value="#{perfilLaboralBean.nuevaFormacion.descripcion}"></p:inputTextarea>
				<p:commandLink value="#{msg.aniadirFormacion}"
					action="#{perfilLaboralBean.addFormacion}"
					update="nuevaFormacion,formaciones">
				</p:commandLink>
			</h:panelGrid>
			<p:dataTable id="formaciones"
				value="#{perfilLaboralBean.formaciones}" var="formacionVar"
				paginator="true" rows="5" emptyMessage="#{msg.tablaVacia}">
				<p:column headerText="#{msg.fechaIni}">
					<h:outputText value="#{formacionVar.fechaInicio}" />
				</p:column>
				<p:column headerText="#{msg.fechaFin}">
					<h:outputText value="#{formacionVar.fechaFin}" />
				</p:column>
				<p:column headerText="#{msg.centro}">
					<h:outputText value="#{formacionVar.centro}" />
				</p:column>
				<p:column headerText="#{msg.titulo}">
					<h:outputText value="#{formacionVar.titulo}" />
				</p:column>
				<p:column headerText="#{msg.descripcion}">
					<h:outputText value="#{formacionVar.descripcion}" />
				</p:column>
				<p:column >
					<p:commandLink oncomplete="dlgEliminarFormacion.show()" title="#{msg.eliminar}" styleClass="ui-icon ui-icon-close">
						<f:setPropertyActionListener
							target="#{perfilLaboralBean.formacion}" value="#{formacionVar}"></f:setPropertyActionListener>
					</p:commandLink>
				</p:column>
			</p:dataTable>
		</p:panel>
		<p:panel header="#{msg.aniadirIdioma}">
			<h:panelGrid columns="5" id="nuevoIdioma">
				<h:outputLabel value="#{msg.descripcion}:"></h:outputLabel>
				<p:inputText value="#{perfilLaboralBean.nuevoIdioma.descripcion}"></p:inputText>
				<h:outputLabel value="#{msg.nivel}:"></h:outputLabel>
				<p:inputText value="#{perfilLaboralBean.nuevoIdioma.nivel}"></p:inputText>
				<p:commandLink value="#{msg.aniadirIdioma}"
					action="#{perfilLaboralBean.addIdioma}"
					update="nuevoIdioma,idiomas">
				</p:commandLink>
			</h:panelGrid>
			<p:dataTable id="idiomas" value="#{perfilLaboralBean.idiomas}"
				var="idiomaVar" paginator="true" rows="5"
				emptyMessage="#{msg.tablaVacia}">
				<p:column headerText="#{msg.descripcion}">
					<h:outputText value="#{idiomaVar.descripcion}" />
				</p:column>
				<p:column headerText="#{msg.nivel}">
					<h:outputText value="#{idiomaVar.nivel}" />
				</p:column>
				<p:column>
					<p:commandLink oncomplete="dlgEliminarIdioma.show()" title="#{msg.eliminar}" styleClass="ui-icon ui-icon-close">
						<f:setPropertyActionListener target="#{perfilLaboralBean.idioma}"
							value="#{idiomaVar}"></f:setPropertyActionListener>
					</p:commandLink>
				</p:column>
			</p:dataTable>
		</p:panel>
	</p:panel>
</ui:composition>